<template>
  <!-- 告警规则 -->
  <div class="box-shadow">
    <el-tabs v-model="alarmType">
      <el-tab-pane :label="$t('巡检对象告警规则')" name="0">
        <ObjAlarm></ObjAlarm>
      </el-tab-pane>
      <el-tab-pane :label="$t('环境告警规则')" name="1">
        <EnvirAlarm style="padding-bottom: 24px"></EnvirAlarm>
      </el-tab-pane>
      <el-tab-pane :label="$t('综合告警规则')" name="3">
        <CompreAlarm style="padding-bottom: 24px"></CompreAlarm>
      </el-tab-pane>
      <el-tab-pane :label="$t('系统告警规则')" name="2">
        <SysAlarm style="padding-bottom: 24px"></SysAlarm>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import ObjAlarm from "./components/ObjAlarm.vue";
import EnvirAlarm from "./components/EnvirAlarm.vue";
import SysAlarm from "./components/SysAlarm.vue";
import CompreAlarm from "./components/CompreAlarm.vue";
export default {
  name: "alarmrules",
  components: {
    ObjAlarm,
    EnvirAlarm,
    SysAlarm,
    CompreAlarm,
  },
  data() {
    return {
      alarmType: "0",
    };
  },
  created() {},
  methods: {},
};
</script>
<style lang="scss" scoped></style>
